<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>首页</title>
    <link rel="stylesheet" href="css/Reset.css">
    <link rel="stylesheet" href="css/style.css">
    <!--Required libraries-->
    <script src="js/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="js/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="js/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <script src="js/flickerplate.min.js" type="text/javascript"></script>
    <!--Execute flickerplate-->
    <script>
    $(document).ready(function(){
        $('.flicker-example').flicker();
    });
    </script>
</head>
<body>
    <!-- 轮播 -->
    <div class="banner">
        <div class="flicker-example" data-block-text="false">
            <ul>
                <li data-background="img/ban1.jpg">
                    <div class="flick-title"></div>
                    <div class="flick-sub-text"></div>
                </li>
                <li data-background="img/ban2.jpg">
                    <div class="flick-title"></div>
                    <div class="flick-sub-text"></div>
                </li>
                <li data-background="img/ban3.jpg">
                    <div class="flick-title"></div>
                    <div class="flick-sub-text"></div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 滚动 -->
    <div class="sc-gd">
        <ul>
            <li>北京四中</li>
            <li>北京师范大学第二附属中学</li>
            <li>北京第二十四中学</li>
            <li>北京第二实验小学</li>
            <li>北京第二实验小学白云分校</li>
            <li>北大附中为明教育集团</li>
        </ul>
        <div class="sc-logo">
            <img src="img/gd_logo1.png" alt="">
            <p>北京师范大学第二附属中学</p>
        </div>
    </div>
    <!-- 校园资讯 -->
    <div class="sc-info">
        <div class="info-title">
            <h2>校园资讯</h2>
            <p>全国一线品牌 国际潮流经典</p>
        </div>
        <div class="info-con">
            <ul>
                <li><img src="img/zx1.jpg" alt=""><p class=""><a href="#">校园快报</a></p></li>
                <li><img src="img/zx2.jpg" alt=""><p class="info-btn"><a href="#">校园动态</a></p></li>
                <li><img src="img/zx3.jpg" alt=""><p class=""><a href="#">精品创意</a></p></li>
            </ul>
        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="sc-par">
        <div class="par-title">
            <h2>COOPERATIVE PARTNER</h2>
            <p>合作伙伴</p>
        </div>
        <div class="par-con">
            <ul>
                <li><img src="img/1_07.png" alt=""><p>北京力迈外国语学校</p></li>
                <li><img src="img/2_07.png" alt=""><p>无锡市胡埭中学</p></li>
                <li><img src="img/3_07.png" alt=""><p>玉门石油小学</p></li>
                <li><img src="img/4_07.png" alt=""><p>绵阳中学资阳育才学校</p></li>
                <li><img src="img/5_07.png" alt=""><p>辽宁实验中学戴河分校</p></li>
                <li><img src="img/6_07.png" alt=""><p>绵阳外国语实验学校</p></li>
                <li><img src="img/7_07.png" alt=""><p>首都师范大学附属中学</p></li>
                <li><img src="img/8_07.png" alt=""><p>北京师范大学第二附属中学</p></li>
                <li><img src="img/9_07.png" alt=""><p>北京四中</p></li>
                <li><img src="img/10_07.png" alt=""><p>北京师范</p></li>
            </ul>
        </div>
    </div>
    <!-- 底部导航 -->
    <div class="bott-footer"></div>
    <div class="footer">
        <ul>
            <a href="#"><li><img src="img/sy_1.png" alt=""><p class="lan">首页</p></li></a>
            <a href="#"><li><img src="img/dg_2.png" alt=""><p>订购</p></li></a>
            <a href="#"><li><img src="img/bd_2.png" alt=""><p>补订</p></li></a>
            <a href="#"><li><img src="img/tm_2.png" alt=""><p>特卖</p></li></a>
            <a href="#"><li><img src="img/wd_2.png" alt=""><p>我的</p></li></a>
        </ul>
    </div>
</body>
</html>